<template>
  <div class="flex-r flex-start flex-fill">
    <div class="break">
      <mu-list style="width: 150px;">
        <mu-sub-header :ripple="false">
          <span class="c12 fs8">报修工单</span>
        </mu-sub-header>
        <mu-list-item button ripple  exact-active-class="bdrso bdc1 bdw3 bcf" :to="'/admin/break/edit/edit?en=' + entityName + '&id=' + id + '&openEdit=false'">
          <div class="c11 op6 padl5">报修信息</div>
        </mu-list-item>
        <mu-sub-header :ripple="false">
          <span class="c12 fs8">设备列表</span>
        </mu-sub-header>
        <mu-list-item button ripple  exact-active-class="bdrso bdc1 bdw3 bcf" :to="'/admin/break/edit/list?en=' + entityName + '&id=' + id">
          <div class="c11 op6 padl5">设备列表</div>
        </mu-list-item>
      </mu-list>
    </div>
    <div class="break-box flex1 ofsy" >
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {
  name: 'breakEditLayout',
  data(){
    return{
      id:0,
      entityName:'',
    }
  },
  created () {

    this.id = this.$com.isbool(this.$route.query.id) ? this.$route.query.id : 0
    this.entityName = this.$route.query.en
  }
}
</script>

<style>
.break{
  background-color: #eee;
}
.break .hover{
  background-color: #e8e8e8!important;
}
</style>
